<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script>
    // for循环
    // - 和 `while` 和 `do while` 循环都不太一样的一种循环结构
    // - 道理是和其他两种一样的，都是循环执行代码的

    // 1 + 2 + 3 + ... + 100;求和
    // var sum = 0;
    // var i = 1; // 初始化的值
    // while (i <= 100) { // 条件判断
    //   sum = sum + i; // 要执行的代码
    //   i = i + 1; // 自身改变
    // }
    // console.log(sum);

    // for循环的语法
    // for (初始值; 条件判断; 自身改变) {
    //   要执行的代码
    // };
    // 有多个初始值，或者多个条件判断的时候，用逗号隔开
    
    // for (var sum = 0, i = 1;i <= 100; i++) {
    //   sum += i;
    // }
    // console.log(sum);


    // 需要在网页上面去显示一个 1 - 100 的无序列表
    document.write("<ul>");
      
    for (var i = 1; i <= 100; i++) {
      document.write("<li>这是第" + i +  "个li</li>")
    }

    document.write("</ul>");
  </script>
</body>
</html>